<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>分销订单</title>
		<meta name="viewport"
			content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
		<link rel="stylesheet" type="text/css" href="/assets/web/css/double.css" />
		<link rel="stylesheet" type="text/css" href="/assets/web/css/me.css" />
		<script src="/assets/web/js/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="order_select-list">
			<p>全部</p>
		</div>
		<div class="sideMenu">
		    <ul>
				@for(item in list){
		        <li class="nLi">
		            <div class="superior">
							<div class="title">
								<span>订单号: ${item.orderNo}</span>
								<span class="color">${item.createTime,dateFormat="yyyy-MM-dd HH:mm:ss"}</span>
							</div>
							<div class="level clearfix">
								<div class="fl">
									<img src="${item.customer.avatar}">
									<span class="name">${item.customer.nickname}</span>
									<span>${item.level}</span>
								</div>
								<img src="/assets/web/img/gengduo2x.png" class="fr right">
								<div class="fr">
									已得
									@if(item.state==1){
									积分
									@}
									@if(item.state==2){
                                    返利
									@}
									@if(item.state==3){
                                     津贴
									@}
									:<i>${item.amount}</i>
								</div>
							</div>
					</div>
		            <ul class="order_team_sub">
		                <li class="clearfix">
								<div class="fl left">
									<img src="${item.course.cover}">
								</div>
								<div class="fr right">
									<h3>${item.course.name}</h3>
									<p>${item.course.intro}</p>
								</div>
						</li>
		            </ul>
		        </li>
				@}
				    </ul>
				</li>
		   </ul>
		</div>
		<script type="text/javascript">
		    $(function(){
		        $(".sideMenu .nLi .superior").click(function(){
		            if($(this).parent(".nLi").hasClass("on")){
		                $(this).next(".order_team_sub").slideUp(300,function(){
		                    $(this).parent(".nLi").removeClass("on")
		                });
		            }else{
		                $(this).next(".order_team_sub").slideDown(300,function(){
		                    $(this).parent(".nLi").addClass("on")
		                });
		            }
						
		        })
				$(".sideMenu .nLi .superior .level").click(function(){
					if($(this).children('.right').attr('src')=='/assets/web/img/gengduo2x.png'){
					    $(this).children('.right').attr('src','/assets/web/img/zhankai2x.png');
						$(this).children('.right').css("width","12px")
					}else{
					    $(this).children('.right').attr('src','/assets/web/img/gengduo2x.png');
						$(this).children('.right').css("width","7px")
					}
					})
		    })
		</script>
		
	</body>
</html>
